<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
		<style>
			body{
				width: 500%;
				height: 10000000px;
				background-image: url(img/p_small_001.jpg);
				background-size: cover;
				/* 函数 cover 等比例放大图片  特点：原图按照比例方法存背景空间
				   【开发者：背景图片大小是否等于背景空间】
				     contain 等比例缩放图片  特点：图片按照比例缩放存背景空间
					 【开发者：背景图等比例显示在背景空间】
					 
				*/
			   /* 背景附件--尺寸中存在cover或者contain */
			   background-attachment: fixed;/* 背景图固定   scroll  不固定 */
			}
			di v{
				width: 300px;
				height: 300px;
				background-color: #e4393c;
				background: #ffff00;
				background-image: url(img/p_small_003.jpg);
				/* 问题：超大图-不显示  小图-显示
				 注意：背景空间大小，如果图小于背景空间---平铺
				 */
				background-repeat: no-repeat;
				/* no-repeat不平铺  repeat-x，y 横，纵向平铺 */
				background-size: 100%;
				/* 背景尺寸属性值：数值px % |函数 cover contain */
			}
		</style>
	</head>
	<body>
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum at fuga minus ab, officiis voluptate neque mollitia vel ratione molestiae dolore eveniet eaque minima, explicabo cum vero id commodi aspernatur!
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Error, molestiae harum laboriosam quidem at quod repellendus quis voluptatum. Sed veniam alias quas ipsa veritatis reprehenderit ipsam inventore nemo minima nisi?
		Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos id eius perspiciatis voluptas at reprehenderit repellat distinctio, aspernatur veritatis eligendi omnis praesentium quibusdam, assumenda dolores, et ex quas quae provident!
		<!-- html img图片  引入一张图片，位置不可随意改变
		     css  背景图片  引入一张图片，位置可以随意改变
				子属性 background-color 背景颜色
				      background-image 背景图
					  background-repeat
					  backgroud-size
					  backgroud-attachment
					  background-position
				复合属性 background：background-image background-color background-position
				                    background-size background-repeat和background-attachment
				
				简写属性 background：background-image background-position|background-size
				替代子属性 background-image、background-color、background-repeat
	       -->
		   <div></div>
	</body>
</html>